@import '../../styles/theme.scss';

.comp-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  border: 0;
  border-radius: 0;
  background: #ffffff;

  &--primary {
    background: $primary-color;
  }

  &--plain {
    border: 1px solid $primary-color;
    /* TODO background: transparent 的编译有问题 */
    background-color: transparent;
  }

  &--disabled {
    background: $primary-color;
    //background: $disabled-color;
    //opacity: 0.5;
  }
}

.comp-button__txt {
  color: $text-color;
  font-size: 28px;

  &--primary {
    color: #ffffff;
  }

  &--plain {
    color: $primary-color;
  }

  &--disabled {
    color: #ffffff;
  }
}
